<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>homework1</title>
		<style>
			div.parent{
				width:900px ;
				height: 150px;
				border:1px solid gray;
			}
			div.son{
				width: 900px;
				border:1px solid gray;
				position: relative;
				top: 50px;
			}
			.parent a{
				display: inline-block;
				width: 25px;
				height: 25px;
				line-height: 25px;
				text-align: center;
				margin: 0 5px;
				text-decoration: none;
				color:#333;
				border:1px solid #ddd;
				border-radius: 3px;
				position: relative;
				top: 180px;
			}
		</style>
	</head>
	<body>
		<div>
			<div class="parent">
				<div class="son"></div>	
				<a href="1">1</a>
				<a href="2">2</a>
				<a href="3">3</a>
				<a href="4">4</a>
				<a href="5">5</a>
				<a href="6">6</a>
		</div>
	</body>
</html>